<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>管理系统</title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
   
    <link rel="stylesheet"   href="css/jquery.datetimepicker.min.css">

    <!-- Custom Theme Style -->
    <link href="../build/css/custom.min.css" rel="stylesheet">
    <link rel="stylesheet"   href="css/pubuse.css">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>出票管理系统</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile clearfix">
              <div class="profile_pic">
                <img src="img/b4.png" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>Welcome</span>

              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <!--#include virtual="/webadmin/store/share/publeftbar.html"-->
                 
              </div>
            

            </div>
           

          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <button type="button" class="" id="logoutbtn"   onclick="loginOut()">
                    退出 
                   </button>
               
                </li>

              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col  right_col_selmnum" role="main">
          <div class="">
           

            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>机器余额列表</h2>
                    <div class="matchadmin">
                        <div class="machinenum">
                          流水类型: 
                          <select name="" id="flowtype">
                              <option value="">全部</option>
                                <option value="0">扣款</option>
                                <option value="1">出票</option>
                                <option value="2">兑奖</option>
                                <option value="3">充值</option>
                          </select>
                         
                         </div>
                         <div class="search-time   machine-search-time">
                            开始时间: <input type="text" id="begintime">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            结束时间: <input type="text" id="endtime">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            备注: <input type="text" id="remarkbox">
                            <a href="javascript:;" class="btn  btn-primary" id="searchBtn">查询</a>
                            <a href="javascript:;"  id="downDetails" target="_blank"  class="btn  btn-info" >流水明细</a>
                         </div>
                         
                    
                      </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="table-responsive">
                    <table class="table table-striped jambo_table bulk_action">
                      <colgroup>
                          <col  width="15%">
                          <col  width="10%">
                          <col  width="10%">
                          <col  width="10%">
                          <col  width="15%">
                          <col  width="15%">
                          <!-- <col  width="25%"> -->

           
                        
                         
                      </colgroup>
                      <thead>
                      
                        <tr class="headings">
                            <th class="column-title">机器编号</th>
                            <th class="column-title">变动金额</th>
                            <th class="column-title">变动后金额</th>
                            <th class="column-title">类型</th>
                            <th class="column-title">添加时间</th>
                            <th class="column-title">备注</th>
                            <!-- <th class="column-title">操作</th> -->

                        </tr>
                      </thead>

                      <tbody   id="machineBalance">
                       
                        
                      
                      </tbody>
                    </table>

                    <div class="paginationwrap">
                        <div  class="show-num-info">
                            共 <span class="countpages"  id="countpages"></span> 页
                           共 <span class="countnums"  id="countnums"></span> 条数据
                          
                        </div>
                        <div  class="pagination-sel"  id="paginationSel">
                          
                        </div>
                    </div>

                  </div>





                 
                </div>
              </div>

            </div>
          </div>
        </div>

              
       
     
      </div>
    </div>


   
     <!-- 公用 弹窗 -->


     <div class="modal fade" id="loginoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>

        <!-- 机器充值弹窗 -->


     <div class="modal " id="machineRechargePanel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document"  style="width:500px;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="">机器充值</h4>
          </div>
          <div class="modal-body">
             <div  class="rechargeinfo">
               <span>机器编号:</span>
               <span  id="machineSite"></span>
             </div>
             <div  class="rechargeinfo">
                <span>充值金额:</span>
                <span> <input type="text"  id="rechargeInput"  > 元</span>
              </div>
              <div  class="rechargeinfo">
                  <span>当前余额:</span>
                  <span id="initCount"></span>
                </div>
                <div  class="rechargeinfo">
                    <span>充值后余额:</span>
                    <span  id="rechargeCount"></span>
                  </div>
                  <div  class="rechargeinfo">
                    <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</span>
                    <span> <input type="text"  id="rechargedesc"   style="width:250px;"> </span>
                  </div>
                  <input type="hidden"  id="reSiteId">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary"   id="rechargeBtn"   data-placement="right" data-content="充值成功">确认充值</button>
          </div>
        </div>
      </div>
    </div>

         <!-- 机器扣款弹窗 -->


         <div class="modal " id="machineReducePanel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document"  style="width:500px;">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="">机器充值</h4>
                </div>
                <div class="modal-body">
                   <div  class="rechargeinfo">
                     <span>机器编号:</span>
                     <span  id="machineSite1"></span>
                   </div>
                   <div  class="rechargeinfo">
                      <span>扣款金额:</span>
                      <span> <input type="text"  id="reduceInput"  > 元</span>
                    </div>
                    <div  class="rechargeinfo">
                        <span>当前余额:</span>
                        <span id="initCount1"></span>
                      </div>
                      <div  class="rechargeinfo">
                          <span>扣款后余额:</span>
                          <span  id="reduceCount"></span>
                        </div>
                        <div  class="rechargeinfo">
                          <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</span>
                          <span> <input type="text"  id="reducedesc"  style="width:250px;"> </span>
                        </div>
                        <input type="hidden"  id="reSiteId1">
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary"   id="reduceBtn"   data-placement="right" data-content="扣款成功">确认扣款</button>
                </div>
              </div>
            </div>
          </div>





    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <script  src="js/publicuse.js"></script>

    <script src="js/jquery.datetimepicker.full.min.js"></script>
    <script src="../build/js/custom.min.js"></script>

    <script  src="js/balance.js"></script>
  </body>
</html>